<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .noteimg {
            height: 20px!important;
            width: 20px!important;
        }
        .editor_content {
            border-top: 1px solid #eee;
            margin-bottom: 20px;
            padding-top: 20px;
            padding-bottom: 50px;
            font-size: 14px;
            line-height: 1.8;
            border-bottom: 1px solid #eee;
        }
        .ma a {
            color: #999;
        }
        #share-btns11 {
            padding: 15px 20px 15px 20px;
            width: 235px;
            border-radius: 100px;
            background: #f3f4f7;
            overflow: hidden;
            height: 60px;
        }
        #praise-btn {
            margin: 0 auto;
            padding: 15px 30px 15px 30px;
            width: 300px;
            border-radius: 100px;
            background: #e67e22;
            height: 60px;
        }
        #favorite-btn {
            padding: 15px 20px 15px 20px;
            width: 250px;
            border-radius: 100px;
            background: #f3f4f7;
            float: right;
            height: 60px;
        }

    </style>
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/mycss.css">
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link type="text/css" href="bootstrap-3.3.5-dist/css/zzsc.css" rel="stylesheet" />
</head>
<body id="body11">
<!--导航-->
<nav id="navbar" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="index.html">
                <img src="bootstrap-3.3.5-dist/image/logo.png" style="display:block">
                <span>前端网</span>
            </a>
            <ul id="shortcut_nav" class="nav navbar-nav navbar-right" >
                <li class="g">
                    <div class="search" action="#" method="post">
                        <input id="nav_search" type="search" value placeholder="搜索">
                    </div>
                </li>
                <li>
                    <a href="http://www.w3cfuns.com/member/login">登陆</a>
                </li>
                <li>
                    <a href="http://www.w3cfuns.com/member/register">注册</a>
                </li>
            </ul>
        </div>
        <div class="navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="notes.html">笔记</a></li>
                <li class="active"><a href="wht.html">话题</a></li>
                <li><a href="feed.html">发现</a></li>
                <li><a href="http://www1.w3cfuns.com/course.php">教程</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12 col-md-9" style="background: #fff;">
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <h1 style="font-weight: bold;margin-top: 50px;">我的2016网站梦0.0.4 （选型结束keystone）</h1>
                    <div class="panel-heading">
                        <img class="noteimg" src="bootstrap-3.3.5-dist/image/33.jpg" >
                        <p style="padding-left: 30px;"><a class="zuoze" href="">水末</a>发布于 2 小时前&nbsp&nbsp&nbsp&nbsp 浏览：24 &nbsp&nbsp&nbsp&nbsp类型：
                            <a href="">原创 </a>-<a href="">随笔 </a>
                            &nbsp&nbsp&nbsp&nbsp分类：
                            <a style="color: #bdc3c7" onmouseover="$(this).tooltip('show')" data-toggle="tooltip" data-placement="top" title="查看系统分类：“Node.js”下的所有笔记">
                                Node.js </a>
                            &nbsp&nbsp&nbsp&nbsp二维码：
                            <a style="color: #bdc3c7" id="dm" data-placement="top" data-toggle="popover">
                                <span class="glyphicon glyphicon-qrcode"></span>
                            </a>
                            &nbsp&nbsp&nbsp&nbsp<span class="label label-success">作者原创</span>
                            &nbsp&nbsp
                            <a style="color: #bdc3c7" id="dm1" data-placement="top" data-toggle="popover">
                                <span class="label label-danger">版权保护</span>
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <div class="editor_content">
                    1，好久没动啦。瞎忙呀。。。要网站博客赶紧上线，自己一个个代码码太不切实际，而且node又没入门，这样下去今年是完不成啦。<br>
                    2，前段时间用了会jade，还是习惯换行，回车+tab键。。。而jade，决不允许tab，只能两个空格，还写一半的标签。向来习惯写静态页面，然后再进行数据填充。这要填充，还得写套jade，真是废了。
                    放弃jade。angular难产，亦放弃。<br>
                    3，最近找了也看了些node的blog，cms。<br>
                    &nbsp  3.1 Ghost ，自带sqlite3数据存储，可切换mysql，唯一发现个亮点，就是MarkDown这款文本编辑器不错。<br>
                    &nbsp 3.2 hexo ， 没仔细研究，应该和ghost差不多，据说最小，最快的blog。<br>
                    &nbsp 3.3 relax，react的东西，感觉之后可以看下。<br>
                    &nbsp 3.4 keystone  然后就是这款了，也是基于express的，比较适合我的主题。node，mongodb，handlebars。<br>
                    &nbsp 4，碰碰磕磕，选型总算告一段落，于最初的想法大致差不多，也有些差别。<br>
                    总之还是要继续前进。<br>
                    </div>
                    <div class="row" style="margin-bottom: 20px; ">
                        <div class="col-xs-12 col-md-12">
                        <span class="pull-left">标签：</span>
                        <ul class="pull-left">
                            <li><span class="glyphicon glyphicon-tags"></span><a href="note1.html">&nbsp&nbspNode</a></li>
                        </ul>
                        <div id="operate" class="pull-right">
                            <a href="" data-report="true" data-report-link="notes.php?mod=view&amp;u=19751&amp;id=5b20948d5ca1351a9542b19cfd93d0fe" data-report-point="#tagsbar" rel="nofollow">举报</a>
                        </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div id="share-btns11">
                                <a href="http://service.weibo.com/share/share.php" target="_blank" onmouseover="$(this).tooltip('show')"
                                   data-toggle="tooltip" data-placement="top" title=""
                                   data-original-title="分享到：新浪微博"><span style="font-size: 16px">新浪</span></a>
                                <a href="http://share.v.t.qq.com/index.php?c=share&a=index&" target="_blank" onmouseover="$(this).tooltip('show')"
                                   data-toggle="tooltip" data-placement="top" title=""
                                   data-original-title="分享到：腾讯微博"><span style="font-size: 16px">腾讯</span></a>
                                <a href="http://service.weibo.com/share/share.php" target="_blank" onmouseover="$(this).tooltip('show')"
                                   data-toggle="tooltip" data-placement="top" title=""
                                   data-original-title="分享到：QQ好友"><span style="font-size: 16px">QQ</span></a>
                                <a href="http://service.weibo.com/share/share.php" target="_blank" onmouseover="$(this).tooltip('show')"
                                   data-toggle="tooltip" data-placement="top" title=""
                                   data-original-title="分享到：QQ空间"><span style="font-size: 16px">空间</span></a>
                            </div>
                        </div>
                        <div class="col-md-4 kun">
                            <div id="praise-btn" class="dh200" data-praise="true" data-type="notes" data-id="5b20948d5ca1351a9542b19cfd93d0fe" data-textselector="b" data-point="#tagsbar">
                                <span class="glyphicon glyphicon-thumbs-up" style="font-size: 26px;color: white;"></span>
                                <b style="font-size: 26px;color: #fff;">给个赞</b>
                                <em class="pull-right" style="color: white;padding-top: 5px">
                                    0人点赞
                                </em>
                            </div>
                        </div>
                        <div class="col-md-4 kun1">
                            <div id="favorite-btn" class="dh200" data-fav="true" data-type="notes" data-title="我的2016网站梦0.0.4 （选型结束keystone）" data-id="5b20948d5ca1351a9542b19cfd93d0fe" data-textselector="b" data-point="#tagsbar">
                                <span class="glyphicon glyphicon-heart" style="font-size: 26px"> </span>
                                <b style="color: black;font-size: 26px;">收藏</b>
                                <em class="pull-right" style="padding-top: 5px">
                                    0人收藏
                                </em>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    11111
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-md-3">.col-md-3</div>
    </div>
</div>

<!--页脚-->
<footer>
    <!--页脚的第一排-->
    <div id="footabout">
        <a href="about/us" target="_blank">关于我们</a>
        <a href="about/business" target="_blank">商务合作</a>
        <a href="about/case" target="_blank">合作案例</a>
        <a href="about/contact" target="_blank">商务联系</a>
        <a href="about/regpact" target="_blank">注册协议</a>
        <a href="about/disclaimer" target="_blank">免责声明</a>
        <a href="about/privacy" target="_blank">版权隐私</a>
        <a href="http://weibo.com/login.php" target="_blank">新浪微博</a>
    </div>
    <!--页脚的第二排-->
    <p style="margin: 0;text-align: center;color: #aaa;background: none;padding:0;">"Copyright ©"
        <a href="">W3Cfuns.com</a>
        "All Rights Reserved."
        <a href="http://www.miitbeian.gov.cn/">京ICP备10055601号-2</a>
    </p>
    <!--页脚的第三排-->
    <div style="padding: 11px 0;height: 38px;text-align: center;overflow: hidden;">
        <b>合作伙伴:</b>
        <a href="https://www.upyun.com/zh/index.html" target="_blank">
            <img src="bootstrap-3.3.5-dist/image/195822cyg228re97eg2s1l.png">
        </a>
    </div>
</footer>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/jquery.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/zzsc.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <script>
        $(function(){
            $("#dm").mouseover(function(){
                $("#dm").popover({
                    dataToggle:"popover",
                    html:true,
                   content:'<img src="bootstrap-3.3.5-dist/image/misc.png" style="border-radius: 0;float: none;">'
                }).popover('toggle');
            });
        });
    </script>
    <script>
        $(function(){
            $("#dm1").mouseover(function(){
                $("#dm1").popover({
                    dataToggle:"popover",
                    html:true,
                    content:'©版权归 水末 所有！如需转载，必须在页面明显位置给出原文链接！商业用途请 联系我！'
                }).popover('toggle');
            });
        });
    </script>
</body>
</html>
